<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
		<title></title>
		<style type="text/css">
			#container {
				width: 100%;
				height: 500px;
				border: 1px solid #000;
			}
		</style>
	</head>
	<body>
		<h1>高德地图</h1>
		<div id="container"></div>
		<script type="text/javascript">
			window._AMapSecurityConfig = {
				securityJsCode: '798a0f904fed5b6b548c1ae8ed09639d',
			}
		</script>
		<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c87fb733f6eb5c2aab56933bc48477ef">
		</script>
		<script type="text/javascript">
			// 构造地图对象的方法一：使用地图容器ID创建
			var map = new AMap.Map('container');
			// 构造地图对象的方法二：使用地图容器对象创建
			var map = new AMap.Map(document.getElementById("container"));
			// map.on('click', function(ev) {
			// 	console.log(ev);
			// 	// 触发事件的对象
			// 	var target = ev.target;
			// 	// 触发事件的地理坐标，AMap.LngLat 类型
			// 	var lnglat = ev.lnglat;
			// 	// 触发事件的像素坐标，AMap.Pixel 类型
			// 	var pixel = ev.pixel;
			// 	// 触发事件类型
			// 	var type = ev.type;
			// });
			AMap.plugin('AMap.Geolocation', function() {
				var geolocation = new AMap.Geolocation({
					// 是否使用高精度定位，默认：true
					enableHighAccuracy: true,
					// 设置定位超时时间，默认：无穷大
					timeout: 10000,
					// 定位按钮的停靠位置的偏移量
					offset: [10, 20],
					//  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
					zoomToAccuracy: true,
					//  定位按钮的排放位置,  RB表示右下
					position: 'RB'
				})

				geolocation.getCurrentPosition(function(status, result) {
					if (status == 'complete') {
						onComplete(result)
					} else {
						onError(result)
					}
				});

				function onComplete(data) {
					// data是具体的定位信息
					// console.log(JSON.stringify(data));
					var marker = new AMap.Marker({
						position: new AMap.LngLat(data.position.lng, data.position
						.lat), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
						title: '当前位置'
					});
					// 将创建的点标记添加到已有的地图实例：
					map.add(marker);
				}

				function onError(data) {
					// 定位出错
					console.log(data);
				}
			})
		</script>
	</body>
</html>
